/*******Main Header Slideshow*******/

.cs-home .tm-top-a {
    min-height: 27em;
    height: calc(100vh - 5em - 180px);
}

.cs-home .tm-top-a > div {
    height: 100%;
}
/*
.uk-slideshow li .uk-overlay-panel {
    background-image: url('/~nonprofitsconnec/images/homeslider/bg-stripe.png');
    background-repeat: repeat;
}
*/

.tm-fullscreen-slideshow > div > ul > li > .uk-cover-background {
    mix-blend-mode: darken;
}


.tm-fullscreen-slideshow > div > ul > li {
    filter: brightness(90%);
    -webkit-filter: brightness(90%);
    -moz-filter: brightness(90%);
    -o-filter: brightness(90%);
    -ms-filter: brightness(90%);
}

.cs-homescreen-slideshow .uk-button:before {
  background-color: rgba(0,167,225,0.9);
}

.cs-fullscreen-slider,
.cs-homescreen-slideshow,
.cs-homescreen-slideshow > div,
.cs-homescreen-slideshow .uk-slideshow,
.cs-homescreen-slideshow .uk-slideshow > li {
  height: 100% !important;
}



/*******main header buttons*******/

.cs-heading-container {
  position: relative;
}

.cs-heading-div {
  position: absolute;
  top: 48%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 43em;
}

/*
.cs-heading {
  margin: 0 auto;
  color: #fff;
  padding: 40px;
  font-size: 45px;
  line-height: 60px;
  font-weight: 800;
  text-shadow: 3px 3px 3px rgba(50, 50, 50, 0.72);
}
*/

.cs-heading-btn {
    color: #fff;
    font-size: 1.3em;
    display: inline-block;
    padding: 0.7em 1em;
    margin: 0 0.5em;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition: 0.25s;
}

.cs-heading-btn-1 {
  background-color: rgb(14, 61, 111);
}

.cs-heading-btn-2 {
  background-color: rgb(14, 61, 111);
}

.cs-heading-btn > i {
  margin-left: 0.5em;
}

.cs-heading-btn:hover,
.cs-heading-btn:focus {
  color: #fff;
  outline: none;
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  transition: 0.25s;
}


/******* MEDIA QUERIES *******/

@media only screen and (max-width: 850px) {
  .cs-heading-div {
    width: 90%;
  }
  .cs-heading {
    font-size: 2em;
    line-height: 48px;
    padding:15px;
  }
  .cs-heading-btn {
    display: block;
    margin: 1em auto;
    width: 12em;
  }
  .cs-btn-disclaimer {
    font-size: 0.75em;
    bottom: -38%;
  }
}

/*heading override*/
@media (min-width: 768px) {
  .cs-heading {
      padding: 40px;
      font-size: 60px;
      line-height: 80px;
      font-weight: 800;
      max-width: 900px;
  }
  .cs-heading-btn {
    display: block;
    margin: auto;
    width: 8em;
  }
}

@media only screen and (max-width: 450px) {
  .cs-heading-div {
    width: auto;
    font-size: 0.9em;
    margin-left: 14px;
  }
  .cs-headings {
    font-size: 1.25em;
    line-height: 38px;
  }
  .cs-heading-btn {
    display: block;
    margin: auto;
    width: 8em;
  }
  .cs-donate-btn-bottom {
    display: block;
    width: 90%;
  }
}

@media only screen and (max-width:335px) {
  .cs-heading-div {
    width: auto;
    font-size: 0.7em;
    margin-left: 15px;
  }
    .cs-heading-btn {
    display: block;
    margin: auto;
    width: 8em;
  }
}